.flex{
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
}
.alignItems{
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}
.justifyTwo{
    justify-content:space-between;
}
.justifyCenter{
    justify-content: center;
}
.flex-center-y{
    align-items: center;
}
.flex-spac-x{
    justify-content: space-between;
}
.flex-center-x{
    justify-content: center;
}
*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}
.calendar-box .handle-col{
    height: 1rem;
    line-height: 1rem;
    background-color: #fff;
    padding-right: .24rem;
    font-size: .32rem;
    color: #282828;
}
.calendar-box .handle-col .close-box{
    font-size: .36rem;
    color: #acacac;
}
.calendar-box .handle-col .yiwen-icon{
    display: inline-block;
    font-size: .32rem;
    color: #5E8EFE;
    margin-right: .1rem;
}
.calendar-box .tip{
    background-color: #fff;
    height: .9rem;
    line-height: .9rem;
    width: 100%;
    text-indent: .24rem;
    color: #656565;
    font-size: .26rem;
    border-bottom: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
    margin-bottom: .5rem;
}
.modal{
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.4);
    z-index: 99;
    width: 100vw;
    height: 100vh;
}
.modal .show{
    width: 100%;
    height: 100%;
    opacity: 1;
}
.calendar {
    border-radius: .29rem .29rem 0px 0px;
    overflow: hidden;
    padding: 0rem 0px 0px 0px;
    box-sizing: border-box;
    font-size: 14px;
    position: fixed;
    bottom: 0px;
    width: 100%;
    background-color: #F9F9F9;
    z-index: 999;
}

.scroll{
    /* overflow: auto; */
    padding: 0px .45rem 0px .45rem;
}
.moth-name{
    line-height: 50px;
    height: 50px;
    padding-left: 20px;
    font-size: 18px;
    font-weight: 500;
}
.block{
    display: inline-block;
    width: 14.285714285714286%;
    height: 0.9428571428571428rem;
    text-align: center;
    /*
    margin-bottom: 10px;
    */
    overflow: hidden;
}

.noew-time-box{
    
}

.time-text-box{
    text-align: center;
    display: inline-block;
    width: 70%;
    height: 70%;
    font-size: .26rem;
    line-height: 0.63rem;
}
.noew-time-box span{
    border-radius: 50%;
    color: #363636;
    border: 1px solid #999;
}
.cell-stauts-1{
    border:1px solid rgba(221,221,221,1);
    border-radius: 50%;
    color: #282828;
}
.cell-stauts-2{
    border-radius: 50%;
    color: #ccc;
    background:rgb(238,238,238);
}
.show-time{
    padding: 10px 0px; 
    position: relative;
}
.center{
    padding:0px 7px;
}
.no-op-t{
    color: #999;
}
.success{
    border-top: 1px solid #dbdbdb;
    text-align: center;
    line-height: 40px;
}
.success-ok{
    color: #F7B52C;
}

.start-time-box{
    background-color: #F7B52C;
    color: #fff!important;
    border-radius: 0px!important;
    border-width: 0px!important;
    border-top-left-radius: 50%!important;
    border-bottom-left-radius: 50%!important;
}
.end-time-box{
    background-color:#F7B52C;
    color: #fff!important;
    border-radius: 0px!important;
    border-width: 0px!important;
    border-top-right-radius: 50%!important;
    border-bottom-right-radius: 50%!important;
}
.start-to-end-box{
    background-color: #F7B52C;
    color: #fff!important;
    border-radius: 0px!important;
    border-width: 0px!important;
}
.end-time-one-box, .start-time-one-box{
    border-radius: 50%;
    background-color: #F7B52C;
    color: #fff!important;
    border-width: 0px!important;
}
.clear-box{
    position: absolute;
    right: 20px;
    top: 10px;
    color: #999;
    padding-left: 10px;
}
.clear-ok{
    color: #F7B52C;
}
.is-exp .time-text-box{
    color: #999;
    border-width: 0px;
}
.cell-selecteds .time-text-box{
    background-color: #5E8EFE;
    color: #fff;
    border-width: 0px;
}

.select-instructions-show{
    /* margin-top: 2.69rem; */
    margin-top: .9rem;
    margin-bottom: .3rem;
}
.select-instructions-show .radius{
    width: .34rem;
    height: .34rem;
    border-radius: 50%;
    border: 1px solid rgb(230,230,230);        
}
.select-instructions-show .item .name{
    color: #656565;
    display: inline-block;
    margin-left: .1rem;
    margin-right: .4rem;
}
.select-instructions-show .item:nth-last-child(1) .name{
    margin-right: 0px;
}
.select-instructions-show .select-radius-1{background-color: #fff}
.select-instructions-show .select-radius-2{background-color: #eee}
.select-instructions-show .select-radius-3{background-color: #5E8EFE}
.handle-date-and-button{
    border-top: 1px solid #E5E5E5;
}
.handle-date-and-button .select-start-end-date{
    width: 100%;
    overflow: auto;
    margin: .24rem 0px .34rem 0px;
    padding-left: .24rem;
}
.handle-date-and-button .select-start-end-date .inner{
    overflow: auto;
    white-space: nowrap;
    
}
.handle-date-and-button .select-start-end-date .title-name{
    display: inline-block;
    height: .6rem;
    line-height: .6rem;
    font-size: .26rem;
    color: #282828;
    margin-right: .2rem;
}
.handle-date-and-button .select-start-end-date .item{
    display: inline-block;
    width: 1.04rem;
    height: .6rem;
    border-radius: .08rem;
    border:1px solid rgba(170,170,170,1);
    text-align: center;
    line-height: .6rem;
    font-size: .26rem;
    color: #282828;
    margin-right: .2rem;
}
.handle-date-and-button .select-start-end-date .selected-item{
    display: inline-block;
    position: relative;
    margin-right: .2rem;
    background-image: url(../../../../assets/img/performance/homePage/yuyueriqi.png);
    background-size: 100% 100%;
    padding-left: .07rem;
    padding-right: .1rem;
}
.handle-date-and-button .select-start-end-date .selected-item .top-zindex{
    /* position: absolute; */
    /* top: -20%;
    left: -5%;
    width: 100%;
    height: 100%; */
    text-align: center;
}
.handle-date-and-button .select-start-end-date .selected-item .top-zindex .date-value{
    font-size: .24rem;
    color: #282828;
    transform: scale(.8, .8);
    position: relative;
    top: .05rem;
}
.handle-date-and-button .select-start-end-date .selected-item .top-zindex .price-info{
    transform: scale(.8, .8);
}
.handle-date-and-button .select-start-end-date .selected-item .top-zindex .price-info .price{
    font-size: .22rem;
    color: #5E8EFE;
}
.handle-date-and-button .select-start-end-date .selected-item .top-zindex .price-info .yufu-wenzi{
    font-size: .2rem;
    color: #fff;
    background: #5E8EFE;
    border-radius: .06rem;
    width: .46rem;
    height: .26rem;
    line-height: .26rem;
    margin-right: .04rem;
    display: inline-block;
    /* font-size: .4rem;
    color: #fff;
    background: #5E8EFE;
    border-radius: .08rem;
    width: .92rem;
    height: .52rem;
    line-height: .52rem;
    margin-right: .08rem;
    display: inline-block; */
    /* transform: scale(.8, .8);     */
    padding: 2px 2px 2px 2px;
}
.handle-date-and-button .select-start-end-date .selected-item .close{
    position: absolute;
    right: 0rem;
    top: -.1rem;
    font-size: .14rem;
    display: inline-block;
    padding: .14rem;
    padding-right: .1rem;
    color: #aaa;
    -webkit-transform: scale(.8, .8);
    transform: scale(.8, .8);
    bottom: 0px;
    margin: auto;
    height: .4rem;
}
.handle-date-and-button .button{
    width: 7.02rem;
    height: .88rem;
    line-height: .88rem;
    border-radius: .1rem;
    margin: auto;
    margin-bottom: .36rem;
    text-align: center;
    color: #fff;
    font-size: .26rem;
}
.handle-date-and-button .button-unselect{
    background:rgba(223,232,255,1);
}
.handle-date-and-button .button-select{
    background:#5E8EFE;
}